<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="__STATIC__/web/js/rem.js"></script>
    <link rel="stylesheet" href="__STATIC__/web/css/public.css">
    <link rel="stylesheet" href="__STATIC__/web/css/my_publish_result.css">
    <script src="__STATIC__/web/js/jquery.js"></script>
    <title>我发布的需求</title>
    <style>
    .bottom-bar{
    position: fixed;
    bottom: 0;
}
.pages {
            border-top: .2rem solid #f8f8f8;
            border-bottom: .01rem solid #f8f8f8;
            display: flex;
            height: 1rem;
            justify-content: space-between;
        }

        .pages .last-page {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            border-right: .01rem solid #f8f8f8;

        }

        .pages .last-page img {
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            /* IE 9 */
            -moz-transform: rotate(180deg);
            /* Firefox */
            -webkit-transform: rotate(180deg);
            /* Safari 和 Chrome */
            -o-transform: rotate(180deg);
            /* Opera */
        }

        .pages .last-page div {
            margin-left: .5rem;
            color: #999;
        }

        .pages .nexts-page {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pages .nexts-page div {
            margin-right: .5rem;
            color: #999;
        }
    </style>
</head>

<body>

    <div class="header" style="border: 0">
        <a href="./mine.html">
            <img class="login-user" src="__STATIC__/web/img/login_user.png" />
        </a>
        <img class="logo" src="__STATIC__/web/img/logo_white.png" />
    </div>
    <ul class="result-lib" id="result">
        <li>
                <if condition="count($requirements) eq 0">
                        <img id="not-list" src="__STATIC__/web/img/not_list.png" class="not-list">
                    </if>
            <foreach name="requirements" item="vo">
                <a href="{:url('requirement/detail')}?id={$vo.id}">
                    <img src="__STATIC__/web/img/damand.png">
                    <div class="result-info">
                        <div class="title" style="-webkit-box-orient: vertical;">{$vo.title}…</div>
                        <div class="from-date">
                            <div class="date">{$vo.create_time|date="Y-m-d"}</div>
                        </div>
                    </div>
                </a>
            </foreach>
            <div style="height:1.36rem"></div>
        </li>

    </ul>

    <div class="pages">
        <if condition="$page gt 1">
            <div class="last-page" onclick="javascript:window.location.href=`{:url('me/requirement')}?page={$page-1}`">
                <img src="__STATIC__/web/img/more.png">
                <div>上一页</div>

            </div>
        </if>
        <if condition="$page lt $maxPage">
            <div class="nexts-page"  onclick="javascript:window.location.href=`{:url('me/requirement')}?page={$page+1}`">
                <div>下一页</div>
                <img src="__STATIC__/web/img/more.png">
            </div>
        </if>
    </div>

    <!-- <if condition="$maxPage gt $page">
        <div class="next-page">
            <div>下一页</div>
            <img src="__STATIC__/web/img/more.png">
        </div>
    </if> -->
    <div class="bottom-bar">
        <div>Copyright©2019 　山东科技大学 </div>
        <div>鲁ICP备09051012号</div>
    </div>

</body>

</html>